<template>
    <div class="top">
        <b-navbar toggleable="lg" variant="faded">
            <b-navbar-brand href="/#/">首页</b-navbar-brand>

            <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

            <b-collapse id="nav-collapse" is-nav>
                <b-navbar-nav>
                    <!--                        <b-nav-item href="#">Link</b-nav-item>-->
                    <b-nav-item href="#" disabled>欢迎来到IT猎户网</b-nav-item>
                </b-navbar-nav>

                <!-- Right aligned nav items -->
                <b-navbar-nav class="ml-auto">
                    <b-nav-item href="/#/usermanage">个人中心</b-nav-item>
                    <b-nav-item href="/#/compmanage">企业中心</b-nav-item>

                    <b-nav-item-dropdown text="登录" right>
                        <b-dropdown-item href="/#/login">用户登录</b-dropdown-item>
                        <b-dropdown-item href="/#/login2">企业登录</b-dropdown-item>
                    </b-nav-item-dropdown>

                    <b-nav-item-dropdown text="注册" right>
                        <b-dropdown-item href="/#/register">用户注册</b-dropdown-item>
                        <b-dropdown-item href="/#/register2">企业注册</b-dropdown-item>
                    </b-nav-item-dropdown>
                </b-navbar-nav>
            </b-collapse>
        </b-navbar>
    </div>
</template>

<script>
    export default {
        name: 'top'
    }
</script>

